import React from 'react'
import { connect } from 'react-redux'
import { alertDispatch } from '../../utils'
import './User.less'
import BannerImg from '@/assets/images/user/avatar.png'
import Img1 from '@/assets/images/user/collect_3.png'
import Img2 from '@/assets/images/user/note_1.png'
import Img3 from '@/assets/images/user/examination_me.png'
import Img4 from '@/assets/images/user/data_me.png'
import Img5 from '@/assets/images/user/My Profile.png'
import Img6 from '@/assets/images/user/Notice.png'
import Img7 from '@/assets/images/user/About us.png'
import ArrowForwardIosIcon from '@material-ui/icons/ArrowForwardIos';
function User() {
    return (
        <div className="User">
            <div className="top">
                <div className="title">个人中心</div>
                <div className="banner-img">
                    <img src={BannerImg} alt="" />
                </div>
                <div className="name">Tomato</div>
            </div>
            <ul className="gongneng">
                <li>
                    <a href="javasrcipt:;">
                        <img src={Img1} alt="" />
                        <h4>3</h4>
                        <span>收藏</span>
                    </a>
                </li>
                <li>
                    <a href="javasrcipt:;">
                        <img src={Img2} alt="" />
                        <h4>1</h4>
                        <span>笔记</span>
                    </a>
                </li>
                <li>
                    <a href="javasrcipt:;">
                        <img src={Img3} alt="" />
                        <h4>3</h4>
                        <span>我的考试</span>
                    </a>
                </li>
                <li>
                    <a href="javasrcipt:;">
                        <img src={Img4} alt="" />
                        <h4>3</h4>
                        <span>学习资料</span>
                    </a>
                </li>
            </ul>
            <ul className="user_list">
                <li>
                    <a href="javasrcipt:;">
                        <img src={Img5} alt="" />
                        <span>我的资料</span>
                        <ArrowForwardIosIcon />
                    </a>
                </li>
                <li>
                    <a href="javasrcipt:;">
                        <img src={Img6} alt="" />
                        <span>系统公告</span>
                        <ArrowForwardIosIcon />
                    </a>
                </li>
                <li>
                    <a href="javasrcipt:;">
                        <img src={Img7} alt="" />
                        <span>关于我们</span>
                        <ArrowForwardIosIcon />
                    </a>
                </li>
            </ul>
        </div>
    )
}


export default connect(null, alertDispatch)(User)